<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:mo="https://gitee.com/aun/Timo">
<body>

    <form action="/pcs/porter/form" class="layui-card layui-form" data-auto="true" method="post" data-table-id="PorterTable">

        <input type="hidden" name="id" th:if="${vo}" th:value="${vo.id}"/>

        <div class="layui-card-body padding-15">

            <fieldset class="layui-bg-gray">
                <legend><b class="layui-badge think-bg-violet">基础信息</b></legend>

                <div class="layui-row layui-col-space15">
                    <div class="layui-col-xs2 text-center padding-top-30">
                        <input type="hidden"  name="headimg" th:value="${vo?.headimg}" >
                        <script>$("[name=headimg]").uploadOneImageNew();</script>
                        <style>
                            .uploadimage, .uploadfile{
                                width: 78px!important;
                                height: 78px!important;
                            }
                        </style>
                    </div>
                    <div class="layui-col-xs10 layui-col-space15">
                        <div class="layui-col-xs6">
                            <label class="block relative">
                                <span class="help-label"><b>姓名</b></span>
                                <input  name="name" th:value="${vo?.name}" required  vali-name="姓名" placeholder="请输入姓名" class="layui-input">
                            </label>
                        </div>
                        <div class="layui-col-xs6">
                            <label class="block relative">
                                <span class="help-label"><b>身份证号</b></span>
                                <input name="cardNo" th:value="${vo?.cardNo}" required vali-name="身份证号" placeholder="请输入身份证号" class="layui-input">
                            </label>
                        </div>
                        <div class="layui-col-xs4">
                            <label class="block relative">
                                <span class="help-label"><b>手机号码</b></span>
                                <input name="phone" th:value="${vo?.phone}" required vali-name="手机号码" placeholder="请输入手机号码" class="layui-input">
                            </label>
                        </div>
                        <div class="layui-col-xs4">
                            <label class="block relative">
                                <span class="help-label"><b>性别</b></span>
                                <select name="sex"  required vali-name="性别" placeholder="请输入性别" class="layui-input">
                                    <option value="1" th:selected="${vo?.sex == 1}" selected  >男</option>
                                    <option value="2" th:selected="${vo?.sex == 2}" selected >女</option>
                                </select>
                            </label>
                        </div>
                        <div class="layui-col-xs4">
                            <label class="block relative">
                                <span class="help-label"><b>合同期限</b></span>
                                <input name="contractEnd" th:value="${vo?.contractEndStr}" required vali-name="合同期限" placeholder="请输入合同期限" data-date-input class="layui-input">
                            </label>
                        </div>
                    </div>




                </div>

            </fieldset>
            <fieldset class="layui-bg-gray">
                <legend><b class="layui-badge think-bg-violet">个人简介</b></legend>
                <label class="layui-form-item block relative">
                    <textarea placeholder="请输入个人简介" class="layui-textarea" name="intro">[[${vo?.intro}]]</textarea>
                </label>
            </fieldset>
            <fieldset class="layui-bg-gray">
                <legend><b class="layui-badge think-bg-violet">技能证书</b></legend>
                <div class="layui-panel" th:each="item:${credentials}" style="display: flex;padding: 10px;float: left;margin-right: 20px;margin-bottom: 20px">
                    <div style="margin-right: 20px">
                        <img th:data-tips-image="${item.img}" style="width: 100px;height: 50px" th:src="${item.img}">
                    </div>
                    <div>
                        <p style="font-weight: 600">证书名称:[[${item.title}]]</p>
                        <p>到期时间：[[${item.expireDateStr}]]</p>
                    </div>
                </div>
            </fieldset>

            <div class="text-center layui-form-actions1">
                <button class="layui-btn" type="submit">保存</button>
                <button class="layui-btn layui-btn-danger" data-close data-confirm="确定要取消编辑吗？" type='button'>关闭</button>
            </div>

        </div>
    </form>


</body>
</html>